<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .user{
            display: flex;
            flex-wrap: wrap;
            align-content: space-between;
        }
        input{
            background-repeat: no-repeat;
            background-size: 15px;
            background-position: 5px center;
            padding-left: 25px;
        }
        .username{
            background-image: url("image/username.svg");
        }
        .password{
            background-image: url("image/password.svg");
        }
    </style>
</head>
<body>
    <div>字体库下载地址：<a href="https://www.iconfont.cn/collections/detail?spm=a313x.collections_index.i1.d9df05512.277a3a81v1D661&cid=47542">https://fontawesome.com/v4/assets/font-awesome-4.7.0.zip</a></div>
    <div>快速开始参考：<a href="https://www.iconfont.cn/collections/detail?spm=a313x.collections_index.i1.d9df05512.277a3a81v1D661&cid=47542">https://fontawesome.com/v4/get-started/</a></div>
    <div>案例参考：<a href="https://www.iconfont.cn/collections/detail?spm=a313x.collections_index.i1.d9df05512.277a3a81v1D661&cid=47542">https://fontawesome.com/v4/examples/</a></div>

    <div>
        <table class="user">
            <tr>
                <td><span>登录名：</span></td>
                <td><input class="username" placeholder="username" ></td>
            </tr>
            <tr>
                <td><span>密&nbsp;码：</span></td>
                <td><input class="password" placeholder="password" type="password"></td>
            </tr>
            <tr>
                <td><span>登录为：</span></td>
                <td><label>
                    <select>
                        <option value="1" selected>---选择角色---</option>
                        <option value="2">无用之人</option>
                        <option value="3">囚犯</option>
                        <option value="4">武士</option>
                    </select>
                </label></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>
                    <button type="submit">登录</button>
                    <button type="reset">重置</button>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>